<template>
    <div>
        <div class="account">
            <div class="icon el-icon-s-custom"></div>
            <input type="text" placeholder="账户名">
        </div>
        <div class="account">
            <div class="icon el-icon-lock" ></div>
            <input type="text" placeholder="请输入登入密码"/> 
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.account{
    width: 100%;
    height: 43px;
    border: 1px solid #f1eeee;
    background: #fdfbfa;
    .icon{
        padding: 5px 0 0 6px;
        box-sizing: border-box;
        font-size: 30px;
        color: #ffffff;
        width: 43px;
        height:100%;
        background:#cccccc ;
        float: left;
        
    }
    input{
        height: 40px;
        border: 0;
        
    }
}
.account:first-child{
    margin-bottom: 20px;
}
</style>